<?php include(ML_TPL_ROOTPATH.'_tpl_htmlheader.php'); ?>
  <body>
<?php include(ML_TPL_ROOTPATH.'_tpl_top.php'); ?>
    
    <div class="container">


<div class="row">
    <div class="span2">
        <div class="well" style="text-align: center;padding:10px;margin-bottom: 10px;"><h4>个人信息设置</h4></div>
        
    </div>
    <div class="span10">
        <ul id="tab" class="nav nav-tabs">
        <li class="active"><a href="#psn_nick" data-toggle="tab">修改昵称</a></li>
        <!--<li><a href="#psn_baby" data-toggle="tab">修改宝宝信息</a></li>-->
        <li><a href="#psn_avatar" data-toggle="tab">修改头像</a></li>
        </ul>
      <div id="myTabContent" class="tab-content">

        <div class="well tab-pane fade in active" id="psn_nick">
            <div class="control-group" style="padding: 50px">
                <div class="controls" style="text-align: left;padding-left: 100px">
                  昵称：
                  <input type="text" id="psn_nickinput" value="<?php echo $nickname; ?>">
                  <span class="help-inline"></span>
                </div>
            </div>
            <div style="text-align: center;">
                <a href="javascript:;" id="psn_nicksubmit" class="btn btn-large">保&nbsp;&nbsp;&nbsp;&nbsp;存</a>
            </div>
        </div>

        <div class="well tab-pane fade" id="psn_baby">
            <div class="control-group" style="padding: 50px">
                <div class="controls" style="text-align: left;padding-left: 100px">
                  宝宝生日：
                  <input type="text" id="psn_nickinput">
                  <span class="help-inline"></span>
                </div>
            </div>
            <div style="text-align: center;">
            <button type="submit" class="btn btn-large">保&nbsp;&nbsp;&nbsp;&nbsp;存</button>
            </div>
        </div>


        <div class="tab-pane fade" id="psn_avatar">

            <div id="avt_uploader" style="padding:15px" class="well">
                <table style="width:100%"><tbody>
                    <tr>
                        <form enctype="multipart/form-data" id="avt_upload_form" action="/image/upload.php" method="post" target="md_pub_img1_iframe">
                        <td style="width:80%;text-align: center">
                            <div style="padding: 80px;">
                                <input type="file" name="file" id="avt_upload_file"/>
                            </div>
                            <div style="padding: 10px">
                                <a href="javascript:;" class="btn btn-large" id="avt_upload_btn">下&nbsp;&nbsp;一&nbsp;&nbsp;步</a>
                            </div>
                        </td>
                        </form>  
                        <td style="text-align: center;" class="ml_left_sepline">
                            <img src="<?php echo ml_tool_picid::uid2portrait($aVisitor['uid'] , 'mid'); ?>" style="margin:10px;"><br/>
                            当前头像
                        </td>
                    </tr>
                </tbody></table>  
            </div>
            <div id="avt_resize" style="display:none;padding: 10px" class="well">
                <table style="width:100%"><tbody>
                    <tr>
                        <td style="width:80%;padding:10px">
                            <img src="" id="avt_crop_show"/><br/>
                            <div style="text-align: center;">
                                <p class="text-success" id="avt_notice">&nbsp;</p>
                            <a href="javascript:;" class="btn btn-large" id="avt_crop_ok">保&nbsp;&nbsp;&nbsp;&nbsp;存</a>
                            </div>
                        </td>
                        <td class="ml_left_sepline" style="padding-top: 10px;">
                            <div style="width:200px;height:200px;overflow:hidden;margin-left:5px;"><img src="" id="avt_crop_preview" /></div>
                            <input type="hidden" id="avt_crop_valX"/>
                            <input type="hidden" id="avt_crop_valY"/>
                            <input type="hidden" id="avt_crop_valW"/>
                            <input type="hidden" id="avt_crop_valTmpname"/>
                        </td>
                    </tr>
                </tbody></table>  
            </div>

        </div>

      </div>
    </div>
</div>


</div><!--container-->
<?php include(ML_TPL_ROOTPATH.'_tpl_sina_foot.php'); ?>
<?php include(ML_TPL_ROOTPATH.'_tpl_footer_js.php'); ?>
  </body>
</html>